<template>
  <div class="form-search">
    <div class="form-search-item flexRow">
      <a-form class="flexRow" :labelCol="{ span: 8 }">
        <a-form-item label="表单名称" class="flexRow">
          <ZgInput v-model="obj.name"></ZgInput>
        </a-form-item>
        <a-form-item label="表单CODE" class="flexRow">
          <ZgNumber v-model="obj.code" ></ZgNumber>
        </a-form-item>
        <div class="ml10">
          <ZgButton type="default" class="mr10" icon="refresh">重置</ZgButton>
          <ZgButton icon="search">查询</ZgButton>
        </div>
      </a-form>
      <div class="ml20">
        <ZgButton type="default" class="mr10" icon="refresh">下载模板</ZgButton>
        <ZgButton icon="search">导入新表单</ZgButton>
      </div>

    </div>
  </div>
</template>
<script>
export default {
  props: {

  },
  data () {
    return {
      obj: {
        name: '',
        code: 123
      }
    }
  },
  mounted () {
  },

  methods: {

  }
}
</script>

<style lang="scss" scoped>
.flexRow{
  display: flex;
}
</style>
